<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="renderer" content="webkit" /> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<title>这是一个创意的网站-丹宏昊天</title>
<meta name="generator" content="ymypt CMS" />
<meta name="author" content="丹宏昊天开发组" />
<meta name="keywords" content="丹宏昊天" />
<meta name="description" content="这是一个创意的网站,深圳丹宏昊天电子商务" />
<link rel="shortcut icon" id="favicon" href="<?php echo IMG;?>/logo.ico" />
<link rel="stylesheet" href="<?php echo CSS;?>/home.css" /> 
<link rel="stylesheet" href="<?php echo CSS;?>/main.css?v=17.24" /> 
<link rel="stylesheet" href="<?php echo CSS;?>/animation.css" /> 
<style type="text/css">
    #intro{padding:0;margin:0;height:0 !important;width:0;overflow:hidden !important;}
    #intro .logo{float:left;margin:0 10px 10px 0;}
    h1, h2 , h3, h4, p, li{font-family:microsoft yahei;}
    @media screen and (min-width:600px){
     .slide1{background-image:url(<?php echo UPLOADS;?>/image/20150911/1441951809.jpg);}
    .slide2{background-image:url(<?php echo UPLOADS;?>/image/20150911/1441949934.jpg);}
    .slide3{background-image:url(<?php echo UPLOADS;?>/image/20150911/1441956136.jpg);}
    .slide4{background-image:url(<?php echo UPLOADS;?>/image/20150911/1441947138.jpg);}
      }
    
    @media screen and (max-width:600px){
     .slide1{background-image:url(<?php echo UPLOADS;?>/image/20150930/1443615946.jpg);}
    .slide2{background-image:url(<?php echo UPLOADS;?>/image/20150930/1443618672.jpg);}
    .slide3{background-image:url(<?php echo UPLOADS;?>/image/20150930/1443618099.jpg);}
    .slide4{background-image:url(<?php echo UPLOADS;?>/image/20150930/1443619355.jpg);}
      }
    
    @media screen and (min-width:600px){
      .page2{background-image:url(<?php echo UPLOADS;?>/image/20150911/1441949348.jpg);}
      .page3{background-image:url(<?php echo UPLOADS;?>/image/20150911/1441956805.jpg);}
      .page4{background-image:url(<?php echo UPLOADS;?>/image/20150930/1443609696.jpg);}
      .page5{background-image:url(<?php echo UPLOADS;?>/image/20150930/1443614947.jpg);}
      .page6{background-image:url(<?php echo UPLOADS;?>/image/20150930/1443608806.jpg);}
      .page7{background-image:url(<?php echo UPLOADS;?>/image/20150930/1443610575.jpg);}
      .page8{background-image:url(<?php echo UPLOADS;?>/image/20150930/1443608078.jpg);}
        }
    @media screen and (max-width:600px){
      .page2{background-image:url(<?php echo UPLOADS;?>/image/20150930/1443621700.jpg);}
      .page3{background-image:url(<?php echo UPLOADS;?>/image/20150930/1443621784.jpg);}
      .page4{background-image:url(<?php echo UPLOADS;?>/image/20150930/1443620091.jpg);}
      .page5{background-image:url(<?php echo UPLOADS;?>/image/20150930/1443623011.jpg);}
      .page6{background-image:url(<?php echo UPLOADS;?>/image/20150930/1443620778.jpg);}
      .page7{background-image:url(<?php echo UPLOADS;?>/image/20150930/1443619787.jpg);}
      .page8{background-image:url(<?php echo UPLOADS;?>/image/20150930/1443617380.jpg);}
        }
    @media screen and (min-width:1050px){
    #index_x{ display:none}
    }
</style>
</head> 
<script src="<?php echo JS;?>/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src='<?php echo JS;?>/layer/layer.js'></script>
<script>
$(document).ready(function(){
  $("#index_x").click(function(){
    $("#menu").hide();
  });
  $("#index_xs").click(function(){
    $("#menu").show();
  });
});
</script>
<body>
<header id="header">
    <div class="container clearfix">
      <h1 id="logo"> <a href="<?php echo url('home/index/index');?>"><img alt="logo图片" src="<?php echo UPLOADS;?>/image/20150929/1443537020.png" /></a></h1>
      <nav>
        <a class="icon_menu" id="index_xs"><img src="<?php echo IMG;?>/caidan.png"></a>
        <ul id="menu">
            <?php foreach ($nav as $k=>$v):?>
            <li data-menuanchor="page<?php echo ($k+1);?>" <?php if($k==0):?>class="active"<?php endif;?>>
                <a <?php if($k==0):?>data-name="home"<?php endif;?> href="<?php echo url($v['url'])?>"><span><?php echo $v['text']?></span></a>
            </li>
            <?php endforeach;?>
            <li style=" width:100%;float:right" id="index_x"><img src="<?php echo IMG;?>/close.png" style="padding-right:15px; float:right; margin-top:10px"></li>
        </ul>
      </nav>
      <div class="nav-tel" style="font-size:16px">7*24小时热线电话: <a href="#" >0755-84575556</a></div>
    </div>
  </header>
<div class="page-container">
    <section class="section page1">
      <div class="rbslider-container">
        <div class="home-news">
          <span>NEWS:</span>
          <ul>
              <?php for($i=0;$i<5;$i++):?>
               <li onclick="location='<?php echo url('home/news/detail',['id'=>($i+1)]);?>'"><a href="<?php echo url('home/news/detail',['id'=>($i+1)]);?>">企业如何利用网络营销挣钱？(<?=($i+1)?>)</a></li>
              <?php endfor;?>
           </ul>
          <a onclick="location='<?php echo url('home/news/index');?>'" href="<?php echo url('home/news/index');?>" class="more">more</a>
        </div>
        <div class="rbslider-wrapper">
          <div class="rbslider-slide slide1">
            <div class="slide-content slide-content-1">
                              <h2><a href="">深圳首家多终端<b>响应式设计创新者</b></a></h2>
                <p class="intro">集中创建页面的图片排版大小，智能地根据用户行为以及使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局。</p>
                <p class="img"><img alt="深圳首家多终端" src="<?php echo UPLOADS;?>/image/20150911/1441947403.png" /></p>
                  </div>
          </div>
          <div class="rbslider-slide slide2">
            <div class="slide-content slide-content-2">
                          <h2>完美设计，提升你的形象</h2>
              <h3><a href="">Design</a></h3>
              <p class="intro">您的需求分析+我们的想法+技术实施+业务方案的全方位组合=完美品牌与效益的诞生！</p>
                  </div>
          </div>
          <div class="rbslider-slide slide3">
            <div class="slide-content slide-content-3">
              <div class="content-box">
                              <h2>紧跟技术前沿<b><a href="">Technology</a></b></h2>
                <p class="intro">紧跟技术前沿，保持创新实力<br />定制研发，为你的客户和团队。</p>
                  </div>
            </div>
            <div class="background-box"></div>
          </div>
          <div class="rbslider-slide slide4">
            <div class="slide-content slide-content-4">
                          <h2>不同设备，同样精彩</h2>
              <h3><a href="">Responsive</a></h3>
              <p class="intro">全面布局，响应式布局，智能识别多种终端设备</p>
                  </div>
          </div>
        </div>
        <a class="move-down"></a>
        <div class="rbslider-pagination"></div>
      </div>
    </section>
    <section class="section page2">
      <div class="section-content-container">
        <hgroup>
                    <h2>WHAT CAN WE DO ?</h2>
          <h3>我们的服务项目</h3>
              </hgroup>
        <ul class="section-content service-list">
                  <li>
            <div class="top brand">
              <h3><a href="">品牌官网设计</a></h3>
              <p><a href="">BRAND WEBSITE</a></p>
            </div>
            <div class="intro">
            <p><a href="">为企业集团提供优秀的网站<br>
品牌形象，现实商业价值</a></p>
            <p><a href="JavaScript:void(0)" style="color:#101010" onclick='javascript:openPayment()'>我要定制服务</a></p>
            </div>
          </li>
          <style>
          .brand{background-image:url(<?php echo UPLOADS;?>/image/20150911/1441948312.png);}
          </style>

                    <li>
            <div class="top weixin">
              <h3><a href="">微信开发支持</a></h3>
              <p><a href="">WECHAT APPLICATION</a></p>
            </div>
            <div class="intro">
            <p><a href="">为手机平板等移动终端设备<br>
提供完善的品牌化界面设计</a></p>
            <p><a href="JavaScript:void(0)" style="color:#101010" onclick='javascript:openPayment()'>我要定制服务</a></p>
            </div>
          </li>
          <style>
          .weixin{background-image:url(<?php echo UPLOADS;?>/image/20150911/1441951855.png);}
          </style>
                      <li>
            <div class="top shop">
              <h3><a href="">电商运营策划</a></h3>
              <p><a href="">E-COMMERCIAL</a></p>
            </div>
            <div class="intro">
            <p><a href="">以良好的用户体验为中心<br>
软件界面设计与优化整合</a></p>
            <p><a href="JavaScript:void(0)" style="color:#101010" onclick='javascript:openPayment()'>我要定制服务</a></p>
            </div>
          </li>
          <style>
          .shop{background-image:url(<?php echo UPLOADS;?>/image/20150911/1441953225.png);}
          </style>
                      <li>
            <div class="top app">
              <h3><a href="">APP移动互联</a></h3>
              <p><a href="">IOS - WM - ANDROID</a></p>
            </div>
            <div class="intro">
            <p><a href="">提供网站平台、移动端<br>
软件游戏界面的ICON图标设计</a></p>
            <p><a href="JavaScript:void(0)" style="color:#101010" onclick='javascript:openPayment()'> 我要定制服务</a></p>
            </div>
          </li>
        <style>
                   .app{background-image:url(<?php echo UPLOADS;?>/image/20150911/1441950521.png);}
          </style>
              </ul>
      </div>
    </section>
    <section class="section page3" style="background-position:center bottom;">
      <div class="section-content-container rbslider-item-list-container">
        <hgroup>
                  <h2>OUR CASES</h2>
          <h3>部分案例展示</h3>
              </hgroup>
        <div class="section-content rbslider-item-list-wrapper case-list">
        <ul class="rbslider-item-list clearfix">
            <?php for($i=0;$i<3;$i++):?>
            <li>
                <a href="<?php echo url('home/cases/detail',['id'=>($i+1)]);?>">
                    <div class="img-box">
                      <div class="img"><img src="<?php echo UPLOADS;?>/image/20150909/1441805034.jpg" alt="颐高养生园网站建设" /></div>
                      <div class="ck"></div>
                      <div class="cover"></div>
                    </div>
                    <div class="intro">
                      <div class="intro-content">
                        <h3>颐高养生园网站建设</h3>
                        <p>度假村，品牌宣传官网</p>
                      </div>
                      <div class="cover"></div>
                    </div>
                </a>
            </li>
            <?php endfor;?>
          <a onclick="location='<?php echo url('home/cases/index');?>'" class="wider-more" href="<?php echo url('home/cases/index');?>">MORE</a>
        </ul>
         <div class="rbslider-pagination"></div>
        </div>
        <div class="navigation case">
          <a class="prev"></a>
          <a class="next"></a>
        </div>
        <div onclick="location='case.php'" class="rbslider-item-list-more">MORE</div>
      </div>
    </section>
    <section class="section page4" style="background-position:center bottom;">
      <div class="section-content-container">
        <hgroup>
                    <h2>OUR PARTNERS</h2>
          <h3>合作伙伴</h3>
              </hgroup>
        <div class="section-content">
          <ul class="partner-list clearfix">
              <?php for($i=0;$i<10;$i++):?>
                <li>
                  <div class="con">
                    <div class="img"><img alt="中国联通" src="<?php echo UPLOADS;?>/image/20151001/1443700372.png" /></div>
                    <h4><a href="">中国联通</a></h4>
                    <p><a href="">中国联通</a></p>
                  </div>
                  <div class="ck"></div>
               </li>
              <?php endfor;?>
        </ul>
        </div>
      </div>
    </section>
    <section class="section page5 white">
      <div class="section-content-container rbslider-item-list-container">
        <hgroup>
                    <h2>RESPONSIVE DESIGN</h2>
          <h3>不同设备，同样精彩</h3>
              </hgroup>
        <div class="section-content rbslider-item-list-wrapper equipment-list">
          <ul class="rbslider-item-list clearfix">
                      <li>
              <p><a href=""><img alt="触及视觉灵魂的设计趋势" src="<?php echo UPLOADS;?>/image/20150911/1441954332.png" /></a></p>
              <p class="text">
              <a href="">触及视觉灵魂的设计趋势<br />精心布局的用户体验<br />毫无顾忌地通过任何终端</a>
              </p>
            </li>
                  <li>
              <p><a href=""><img alt="Html5 + CSS3 响应式布局" src="<?php echo UPLOADS;?>/image/20150911/1441951089.png" /></a></p>
              <p class="text">
              <a href="">Html5 + CSS3 响应式布局<br />卓越的浏览器兼容性<br />因为高端，所以出众</a>
              </p>
            </li>
                  <li>
              <p><a href=""><img alt="基于 B/S 架构的网站建设" src="<?php echo UPLOADS;?>/image/20150911/1441947891.png" /></a></p>
              <p class="text">
              <a href="">基于 B/S 架构的网站建设<br />无障碍的跨平台应用<br />无须用户下载安装即可使用</a>
              </p>
            </li>
                </ul>
        </div>
        <div class="navigation equipment">
          <a class="prev"></a>
          <a class="next"></a>
        </div>

      </div>
    </section>

    <section class="section page6">
      <div class="section-content-container marketing-content">
        <hgroup>
                    <h2>MARKETING</h2>
          <h3>整合营销，抢占商机</h3>
              </hgroup>
        <div class="section-content">
          <ul class="marketing_list clearfix">
                      <li>
              <div class="icon">
                <div class="circular l"></div>
                <div class="circular r"></div>
                <span><img style="margin-top:30px" alt="搜索引擎" src="<?php echo UPLOADS;?>/image/20151001/1443703213.png" /></span>
              </div>
              <h4><a href="">搜索引擎</a></h4>
              <p class="text">
              <a href="">SEO 优化<br>提高收录率</a><br><strong style="color:greenyellow;font-size:18px;"><font color="#adff2f">450元/月<br>4500元/年</font></strong></a></p>
              <p><a href="JavaScript:void(0)" style="color:#fff" onclick='javascript:openPayment2()'>我要定制服务</a></p>
            </li>
                <li>
              <div class="icon">
                <div class="circular l"></div>
                <div class="circular r"></div>
                <span><img style="margin-top:30px" alt="微信营销" src="<?php echo UPLOADS;?>/image/20151001/1443702541.png" /></span>
              </div>
              <h4><a href="">微信营销</a></h4>
              <p class="text">
              <a href="">公众账号 / 微网站<br>微商城</a><br><strong style="color:greenyellow;font-size:18px;"><font color="#adff2f">400元/月<br>4400元/年</font></strong></a></p>
              <p><a href="JavaScript:void(0)" style="color:#fff" onclick='javascript:openPayment2()'>我要定制服务</a></p>
            </li>
                <li>
              <div class="icon">
                <div class="circular l"></div>
                <div class="circular r"></div>
                <span><img style="margin-top:30px" alt="微博营销" src="<?php echo UPLOADS;?>/image/20151001/1443707613.png" /></span>
              </div>
              <h4><a href="">微博营销</a></h4>
              <p class="text">
              <a href="">企业蓝V认证<br>微博接入网站</a><br><strong style="color:greenyellow;font-size:18px;"><font color="#adff2f">250元/月<br>2500元/年</font></strong></a></p>
              <p><a href="JavaScript:void(0)" style="color:#fff" onclick='javascript:openPayment2()'>我要定制服务</a></p>
            </li>
                <li>
              <div class="icon">
                <div class="circular l"></div>
                <div class="circular r"></div>
                <span><img style="margin-top:30px" alt="信息推送" src="<?php echo UPLOADS;?>/image/20151001/1443700279.png" /></span>
              </div>
              <h4><a href="">信息推送</a></h4>
              <p class="text">
              <a href="">短信平台接口<br>Email 推送</a><br><strong style="color:greenyellow;font-size:18px;"><font color="#adff2f">550元/月<br>6000元/年</font></strong></a></p>
              <p><a href="JavaScript:void(0)" style="color:#fff" onclick='javascript:openPayment2()'>我要定制服务</a></p>
            </li>
                <li>
              <div class="icon">
                <div class="circular l"></div>
                <div class="circular r"></div>
                <span><img style="margin-top:30px" alt="安全保护" src="<?php echo UPLOADS;?>/image/20151001/1443704543.png" /></span>
              </div>
              <h4><a href="">安全保护</a></h4>
              <p class="text">
              <a href="">防止SQL注入<br>DDos攻击</a><br><strong style="color:greenyellow;font-size:18px;"><font color="#adff2f">1150元/月<br>13000元/年</font></strong></a></p>
              <p><a href="JavaScript:void(0)" style="color:#fff" onclick='javascript:openPayment2()'>我要定制服务</a></p>
            </li>
                <li>
              <div class="icon">
                <div class="circular l"></div>
                <div class="circular r"></div>
                <span><img style="margin-top:30px" alt="话题营销" src="<?php echo UPLOADS;?>/image/20151001/1443708028.png" /></span>
              </div>
              <h4><a href="">话题营销</a></h4>
              <p class="text">
              <a href="">独立开发<br>会员打通</a><br><strong style="color:greenyellow;font-size:18px;"><font color="#adff2f">350元/月<br>3500元/年</font></strong></a></p>
              <p><a href="JavaScript:void(0)" style="color:#fff" onclick='javascript:openPayment2()'>我要定制服务</a></p>
            </li>
              </ul>
        </div>
      </div>
    </section>

    <section class="section page7">
      <ul class="home-about">
              <li>
          <h2>丹宏昊天愿景</h2>
          <div class="con">
          <p>为客户针对性的解决问题，提升企业品牌形象，创造实质性的效益<br>
                我们励志成为互联网品牌策划首选企业！</p>
          </div>
          <h3 class="bot">下一秒，让你看到我们到底有多强</h3>
        </li>
              <li>
          <h2>丹宏昊天简介</h2>
          <div class="con">
          <p>我们秉承“诚信、优质、服务、创新”的企业精神<br>
我们推崇企业文化“存正心、树正义、走正道、做正事”的企业文化<br>
我们坚持“仰望星空，脚踏实地”的创业理念。</p>
          </div>
          <h3 class="bot">丹宏昊天，就是帮客户创造利益。</h3>
        </li>
              <li>
          <h2>放下荣誉，放眼未来</h2>
          <div class="con">
          <p>2016年-荣获深圳市高新技术企业</p>


          </div>
          <h3 class="bot">2012年-设计联盟评选为金牌设计企业</h3>
        </li>

      </ul>
      <ul class="home-about-navi">
        <li>愿景</li>
        <li>关于</li>
        <li>荣誉</li>
        <li class="bg"></li>
      </ul>
      <div class="home-about-bottom">
        <ul class="clearfix">
          <li><em>100%</em>用心服务每一个客户</li>
          <li><em>98%</em>的设计一次通过验收</li>
          <li><em>95%</em>以上的客户续费率</li>
        </ul>
      </div>
    </section>

    <section class="section page8">
      <div class="home-contact">
        <ul class="clearfix">
                  <li class="img"><img src="<?php echo UPLOADS;?>/image/20150911/1441956938.png" align="微信" /></li>

          <li class="center">
            <h2><a href="tel:0755-84575556 " class="联系电话">0755-84575556 </a></h2>
            <p>
            深圳丹宏昊天电子商务有限公司<br>
联系电话：0755-84575556 <br>
地址：深圳龙华新区凯豪达大厦<br>
邮编：518000
            </p>
          </li>

          <li class="line"></li>
        </ul>
        <div class="clear"></div>
         <div style="width:100%; float:left; text-align:center; margin-top:10px; font-size:15px;">友情链接：       <a style="font-family:microsoft yahei" target="_blank" href="http://www.dhhtgroup.com">丹宏昊天</a> |
                  </div>
        <div class="kh"><h2>© 2017 深圳丹宏昊天电子商务版权所有</h2><p style="color: #666; font-size:14px"><a href="http://www.miitbeian.gov.cn/" target="_blank">粤ICP备16008758号-2</a></p></div>
      </div>
    </section>

  </div>
  <div id="panel">
    <ul class="icons">
      <li class="up" title="上一页"></li>
      <li class="qq"></li>
      <li class="tel"></li>
      <li class="wx"></li>
      <li class="down" title="下一页"></li>
    </ul>
    <ul class="info">
      <li class="qq">
      <p>在线沟通，请点我<a href="http://wpa.qq.com/msgrd?v=3&uin=1982470364&site=qq&menu=yes" target="_blank">在线咨询</a></p>
      </li>
      <li class="tel">
      <p>咨询热线：<br>0755-84575556 <br>客服qq：<br>1982470364</p>
      </li>
      <li class="wx"> <div class="img"><img src="<?php echo UPLOADS;?>/image/20150911/1441951067.png" /></div> </li>
    </ul>
  </div>
  <div class="index_cy"></div>

<div id="item_modal" style="margin-top:20px;display: none;" class="">
    <form id="messages1" class="formStyle" method="post" action="#">
        <div class="formStyle-group">
            <label class="formLabel">服务类型</label>
            <div class="formContent">
                <select class="selectStyle text" name="service_type">
                  <option value="品牌官网设计">品牌官网设计</option>
                  <option value="微信开发">微信开发</option>
                  <option value="电商运营策划">电商运营策划</option>
                  <option value="APP移动互联">APP移动互联</option>
                </select>
            </div>
        </div>
        <div class="formStyle-group">
            <label class="formLabel">公司名称</label>
            <div class="formContent">
                <input class="text" type="text" placeholder="公司名称" name="company"/>
            </div>
        </div>
        <div class="formStyle-group">
            <label class="formLabel">公司行业</label>
            <div class="formContent">
                <input class="text" type="text" placeholder="公司行业" name="business">
            </div>
        </div>
        <div class="formStyle-group">
            <label class="formLabel">联系手机</label>
            <div class="formContent">
                <input class="text" type="text" placeholder="联系手机" name="mobile_phone">
            </div>
        </div>
         <div class="formStyle-group">
            <label class="formLabel">备注留言</label>
            <div class="formContent">
                <textarea rows="4" col="30" placeholder="备注留言" class="text" name="remark"></textarea>
            </div>
        </div>
    </form>
</div>


<div id="item_modal2" style="margin-top:20px;display: none;" class="">
    <form id="messages2" class="formStyle" method="post" action="#">
        <div class="formStyle-group">
            <label class="formLabel">服务类型</label>
            <div class="formContent">
                <select class="selectStyle text" name="service_type">
                    <option value="搜索引擎优化">搜索引擎优化</option>
                    <option value="微信营销">微信营销</option>
                    <option value="微博营销">微博营销</option>
                    <option value="信息推送">信息推送</option>
                    <option value="安全保护">安全保护</option>
                    <option value="话题营销">话题营销</option>
                </select>
            </div>
        </div>
        <div class="formStyle-group">
            <label class="formLabel">选择时间</label>
            <div class="formContent">
                <select class="selectStyle text" name="month">
                    <?php for($i=1;$i<=12;$i++):?>
                    <option value="<?php echo $i?>"><?php echo $i?>个月</option>
                    <?php endfor;?>
                </select>
            </div>
        </div>
        <div class="formStyle-group">
            <label class="formLabel">公司名称</label>
            <div class="formContent">
                <input class="text" type="text" placeholder="公司名称" name="company"/>
            </div>
        </div>
        <div class="formStyle-group">
            <label class="formLabel">公司行业</label>
            <div class="formContent">
                <input class="text" type="text" placeholder="公司行业" name="business">
            </div>
        </div>
        <div class="formStyle-group">
            <label class="formLabel">联系手机</label>
            <div class="formContent">
                <input class="text" type="text" placeholder="联系手机" name="mobile_phone">
            </div>
        </div>
        <div class="formStyle-group">
            <label class="formLabel">备注留言</label>
            <div class="formContent">
                <textarea rows="4" col="30" placeholder="备注留言" class="text" name="remark"></textarea>
            </div>
        </div>
    </form>
</div>



<script type="text/javascript" src="<?php echo JS;?>/jquery-1.9.1.js"></script> 
<script type="text/javascript"> 
  $("header nav .icon_menu").click(function(){
    $(this).siblings("ul").toggleClass("show");
  });
  $("#panel .icons li").not(".up,.down").mouseenter(function(){
    $("#panel .info").addClass('hover');
    $("#panel .info li").hide();
    $("#panel .info li."+$(this).attr('class')).show();
  });
  $("#panel").mouseleave(function(){
    $("#panel .info").removeClass('hover');
  })
  $(".icons .up").click(function(){
    $.fn.ronbongpage.moveSectionUp(); 
  });
  $(".icons .down").click(function(){
    $.fn.ronbongpage.moveSectionDown(); 
  });
   $(".index_cy").click(function(){
      $("#panel").toggle();
    $(".index_cy").addClass('index_cy2');
    $(".index_cy2").removeClass('index_cy');
  });
</script>
<script type="text/javascript" src="<?php echo JS;?>/home.js"></script>

<script type="text/javascript">
function openPayment()
{
      layer.open({
      type: 1,
      skin: 'layui-layer-info', //样式类名
      anim: 2,
      title:'定制项目',
      area: '450px',
      shadeClose: true, //开启遮罩关闭
      content:$("#item_modal"),
      btn: ['提交', '关闭'],
      yes: function(index, layero){
          $.ajax({
              type: "POST",
              url:'<?php echo url('home/index/add');?>',
              data:$('#messages1').serialize(),
              dataType: 'json',
              success: function(data) {
                  if(data == 'success')
                  {
                      $('#messages1').get(0).reset();
                      layer.msg('感谢你的选择我们的服务，我们将尽快跟你联系', {
                          skin:'layui-msg-success',
                          closeBtn:1,
                          time:3000,
                          end:function () {
                              layer.closeAll();
                          }
                      });
                  }
                  else if(data == 'fail')
                  {
                      layer.msg('留言失败', {
                          skin:'layui-msg-success',
                          closeBtn:1,
                          time:3000,
                          end:function () {
                              layer.closeAll();
                          }
                      });
                  }
                  else
                  {
                      layer.msg(data, {
                          skin:'layui-msg-success',
                          closeBtn:1,
                          time:3000,
                      });
                  }
              }
          });
      },
      btn2: function() {
          layer.closeAll();
      }
    });
}
function openPayment2()
{
    layer.open({
        type: 1,
        skin: 'layui-layer-info', //样式类名
        anim: 2,
        title:'定制项目',
        area: '450px',
        shadeClose: true, //开启遮罩关闭
        content:$("#item_modal2"),
        btn: ['提交', '关闭'],
        yes: function(index, layero){
            $.ajax({
                type: "POST",
                url:'<?php echo url('home/index/add');?>',
                data:$('#messages2').serialize(),
                dataType: 'json',
                success: function(data) {
                    if(data == 'success')
                    {
                        $('#messages2').get(0).reset();
                        layer.msg('感谢你的选择我们的服务，我们将尽快跟你联系', {
                            skin:'layui-msg-success',
                            closeBtn:1,
                            time:3000,
                            end:function () {
                                layer.closeAll();
                            }
                        });
                    }
                    else if(data == 'fail')
                    {
                        layer.msg('留言失败', {
                            skin:'layui-msg-success',
                            closeBtn:1,
                            time:3000,
                            end:function () {
                                layer.closeAll();
                            }
                        });
                    }
                    else
                    {
                        layer.msg(data, {
                            skin:'layui-msg-success',
                            closeBtn:1,
                            time:3000,
                        });
                    }
                }
            });
        },
        btn2: function() {
            layer.closeAll();
        }
    });
}
</script>
</body>
</html> 